
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_validateForm() { //v4.0
  var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
  for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
    if (val) { nm=val.name; if ((val=val.value)!="") {
      if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
        if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
      } else if (test!='R') { num = parseFloat(val);
        if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
        if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
          min=test.substring(8,p); max=test.substring(p+1);
          if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
    } } } else if (test.charAt(0) == 'R') errors += '- '+nm.replace(/_/g,' ')+' perbaiki.\n'; }
  } if (errors) alert('Maaf data harus terisi :\n'+errors);
  document.MM_returnValue = (errors == '');
}
//-->
</script>
<style type="text/css">
.ft td{
  padding: 2px; 
}
</style>
<div class="page-header">
  <h1><i class="fa fa-user"></i> Login Aplikasi Training </h1>
</div>

<form action="cek_masuk.php" method="post" name="form1" id="form1" onsubmit="MM_validateForm('nomor_induk_karyawan','','R','pass_word','','R','level','','R');return document.MM_returnValue">
  <div class="">
    <table class="ft" width="400" border="0" align="center" cellpadding="4" colspacing="4">
   
        <td width="128" height="25" ><label class="texttitle">
        <div align="left"><i class="fa fa-user"></i> NIK</div>
        </label></td>
          <td width="261" ><div align="left">:&nbsp;
                <input name="nomor_induk_karyawan" type="text" class="required form-control" id="nomor_induk_karyawan" title="harus diisi" size="25" maxlength="35"/>
          </div></td>
          </tr>
      <tr>
        <td height="25" ><label class="texttitle">
        <div align="left"><i class="fa fa-key"></i> Password</div>
        </label></td>
          <td ><div align="left">:&nbsp;
                <input name="pass_word" type="password" class="required form-control" id="pass_word" title="harus diisi" size="25" maxlength="10"/>
          </div></td>
          </tr>
      <tr>
        <td colspan="2" ><input type="hidden" name="level" value="all"/></td>
      </tr>

      <tr>
        <td >&nbsp;</td>
          <td align="right">&nbsp;
<button class="btn btn-primary" type="button" onclick="$('#form1').submit();" style="margin-right: 207px;"><i class="fa fa-check"></i> Login</button>        </tr>
      <tr>
        <td colspan="2" class="atas_form">&nbsp;</td>
        </tr>
    </table>
  </div>
</form>
<style type="text/css">
.side-bar-r{
  display: none !important;
}
.main-content-center{
  width: 933px;
}

.header{
  display: none;
}
#form1{
    margin: 0 auto;
    width: 449px;
}
.page-header{
  text-align: center;
}
.header-swf #carousel-example-generic{
 /* display: none !important;*/
}
.header-swf, .banner{
/*  background: #f7f9fd;*/
  margin-left: 292px;
}
.form-control{
  width: 92%;
  display: inline;
}
</style>